body {
  width: 75%;
  margin: 0 auto;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4; }
  body img {
    max-width: 100%;
    max-height: 100%; }
  body header {
    display: block;
    width: 100%; }
    body header div.select {
      display: inline-block;
      position: relative;
      left: 71%;
      margin-top: 1%; }
      body header div.select #language {
        font-size: 0.7em;
        float: right; }
      body header div.select #currency {
        font-size: 0.7em;
        width: 35%;
        float: right;
        margin-right: 2%; }
    body header div.logo-container {
      width: 13.5%;
      display: inline-block;
      float: left;
      position: relative;
      left: 4%; }
      body header div.logo-container img {
        display: inline-block; }
    body header div.reg-container {
      margin-top: 1%;
      width: 22%;
      display: inline-block;
      float: right;
      position: relative;
      color: #7D9D22; }
      body header div.reg-container label {
        font-weight: bold; }
      body header div.reg-container input {
        color: white;
        background: #7d9d22;
        background: -moz-linear-gradient(top, #7d9d22 70%, white 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #7d9d22), color-stop(100%, white));
        background: -webkit-linear-gradient(top, #7d9d22 70%, white 100%);
        background: -o-linear-gradient(top, #7d9d22 70%, white 100%);
        background: -ms-linear-gradient(top, #7d9d22 70%, white 100%);
        background: linear-gradient(to bottom, #7d9d22 70%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$prime-color', endColorstr='$second-color',GradientType=0 );
        border: none;
        border-radius: 5px;
        padding: 1%;
        width: 64%; }
      body header div.reg-container .pass #pass {
        margin-left: 1.3%; }
      body header div.reg-container .log {
        margin-top: 3%;
        width: 33%;
        display: inline-block;
        float: right;
        background: #7D9D22;
        border-radius: 5px;
        font-weight: bold; }
        body header div.reg-container .log:last-of-type {
          margin-right: 2%; }
        body header div.reg-container .log a {
          text-align: center;
          display: block;
          color: white;
          text-decoration: none;
          padding: 7% 15%; }
    body header nav ul#main-ul {
      padding-left: 0.5%;
      list-style-type: none;
      position: relative;
      display: inline-block;
      width: 100%;
      border: none;
      margin-bottom: 1%; }
      body header nav ul#main-ul > li {
        position: relative;
        float: left;
        border-collapse: collapse;
        border-right: 2px solid white;
        text-align: center;
        font-size: 1.3em;
        width: 14%;
        display: inline-block;
        background: #4F095F; }
        body header nav ul#main-ul > li:last-of-type {
          border-left: none; }
        body header nav ul#main-ul > li:hover {
          background: #7D9D22; }
          body header nav ul#main-ul > li:hover .hidden {
            display: block; }
        body header nav ul#main-ul > li > a {
          padding: 1% 0;
          width: 100%;
          color: white;
          text-decoration: none; }
        body header nav ul#main-ul > li ul#brands {
          z-index: 1;
          width: 93%;
          left: 0; }
          body header nav ul#main-ul > li ul#brands li {
            text-align: center;
            position: static;
            float: left;
            display: inline-block;
            width: 100%;
            margin: 3%; }
            body header nav ul#main-ul > li ul#brands li a {
              display: block;
              color: white;
              width: 100%; }
              body header nav ul#main-ul > li ul#brands li a:hover {
                color: black; }
        body header nav ul#main-ul > li > ul {
          z-index: 1;
          padding: 4%;
          position: absolute;
          left: -40%;
          top: 105%;
          display: none;
          list-style-type: none;
          width: 290%;
          background: lightgray;
          border-radius: 5px;
          background: #7d9d22;
          background: -moz-linear-gradient(top, #7d9d22 0%, #cdea77 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d9d22), color-stop(100%, #cdea77));
          background: -webkit-linear-gradient(top, #7d9d22 0%, #cdea77 100%);
          background: -o-linear-gradient(top, #7d9d22 0%, #cdea77 100%);
          background: -ms-linear-gradient(top, #7d9d22 0%, #cdea77 100%);
          background: linear-gradient(to bottom, #7d9d22 0%, #cdea77 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$prime-color', endColorstr='$second-color',GradientType=0 ); }
          body header nav ul#main-ul > li > ul > li {
            text-align: left;
            display: inline-block;
            float: left;
            font-size: 0.9em; }
            body header nav ul#main-ul > li > ul > li > a {
              display: block;
              width: 100%;
              text-decoration: none;
              color: white; }
              body header nav ul#main-ul > li > ul > li > a:hover {
                color: black; }
              body header nav ul#main-ul > li > ul > li > a:active {
                color: lightblue; }
            body header nav ul#main-ul > li > ul > li ul {
              list-style-type: none;
              padding: 5%; }
              body header nav ul#main-ul > li > ul > li ul li {
                font-size: 0.8em;
                margin: 4%; }
                body header nav ul#main-ul > li > ul > li ul li a {
                  color: white;
                  display: block;
                  width: 100%;
                  text-decoration: none; }
                  body header nav ul#main-ul > li > ul > li ul li a:hover {
                    color: black; }
                  body header nav ul#main-ul > li > ul > li ul li a:active {
                    color: lightblue; }
  body #form {
    background: #4F095F;
    border: 1px solid black; }
    body #form a {
      width: 30%;
      margin: 2px auto;
      background-color: #4F095F;
      text-align: center;
      display: block;
      color: white;
      text-decoration: none; }
    body #form form {
      width: 75%;
      margin: 5px auto;
      color: white; }
      body #form form input {
        width: 30%;
        margin-left: 20px; }

